<!--
* @description 高德地图
* @fileName index.vue
* @author zero_fsc
* @date 2020/07/08 02:13:54
!-->
<template>
  <div>
    <div class="group-left">
      <gaode-group
        :lng.sync="formConfig.formData.lng"
        :lat.sync="formConfig.formData.lat"
        :addr.sync="formConfig.formData.addr"
      />
    </div>
    <div class="group-right">
      <YlForm
        :formConfig="formConfig"
      />
    </div>
  </div>
</template>

<script>
import GaodeGroup from '@/common/component/YlMap/Gaode'
export default {
  components: {
    GaodeGroup
  },

  data () {
    return {
      formConfig: {
        formData: {
          lng: '',
          lat: '',
          addr: ''
        },
        columns: [
          {
            type: 'input',
            label: '精度',
            prop: 'lng',
            disabled: true
          },
          {
            type: 'input',
            label: '纬度',
            prop: 'lat',
            disabled: true
          },
          {
            type: 'input',
            label: '地址',
            prop: 'addr',
            disabled: true
          }
        ]
      }
    }
  }
}
</script>
<style lang='scss' scoped>
.group-left {
  float: left;
}
.group-right {
  float: left;
  padding: 0 20px;
}
</style>
